<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:a="https://github.com/pylonide/pylon" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script src="../ppc.js"></script>
    </head>
    <body>
        <a:skin src="../skins.xml" media-path="../images/" icon-path="../icons/" />
        
        <a:appsettings debug="1" />
        
        <a:list id="myList" actiontracker="atList"> 
            <a:bindings> 
                <a:caption value="[@name]" /> 
                <a:value   value="[@id]" /> 
                <a:icon    value="[@type].png" />
                <a:each    match="[product]" /> 
            </a:bindings> 
            <a:remove set  = "remove.php?id=[@id]" 
                      undo = "unremove.php?id=[@id]"> 
            </a:remove> 
            <a:model> 
                <products> 
                    <product name="Soundblaster" type="audio" id="product10" /> 
                    <product name="Teapot" type="3d" id="product13" /> 
                    <product name="Coprocessor" type="chips" id="product15" /> 
                    <product name="Keyboard" type="input" id="product17" /> 
                    <product name="Diskdrive" type="storage" id="product20" /> 
                </products> 
            </a:model> 
        </a:list> 
                 
        <a:button action="remove" target="myList">Remove item</a:button> 
        <a:button id="btn1" 
          caption = "Undo" 
          disabled = "{!atList.undolength}" 
          onclick = "atList.undo()" />
    </body>
</html>